 
 
<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>PSM同校任务共享互助平台</title>
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
  <meta name="keywords" content="fly,layui,前端社区">
  <meta name="description" content="Fly社区是模块化前端UI框架Layui的官网社区，致力于为web开发提供强劲动力">
  <link rel="stylesheet" href="../../res/layui/css/layui.css">
  <link rel="stylesheet" href="../../res/css/global.css">
  <script src="../../json/vue.min.js"></script>
  <script src="../../json/axios.min.js"></script>
  <style type="text/css">
  .btn-accept {
    
}
</style>
</head>
<body>

<div id="headerpage"></div>

<div class="fly-panel fly-column">
  <div class="layui-container">
    <ul class="layui-clear">
      <li class="layui-hide-xs layui-this"><a href="index.html">首页</a></li> 
      <li><a href="task.html">任务</a></li> 
      <li class="layui-hide-xs layui-hide-sm layui-show-md-inline-block"><span class="fly-mid"></span></li> 
      
      <!-- 用户登入后显示 -->
<!--      <li class="layui-hide-xs layui-hide-sm layui-show-md-inline-block"><a href="../user/index.html">我发布的任务</a></li> -->
<!--      <li class="layui-hide-xs layui-hide-sm layui-show-md-inline-block"><a href="../user/index.html#collection">我关注的任务</a></li> -->
    </ul> 
    
    <div class="fly-column-right layui-hide-xs"> 
<!--      <span class="fly-search"><i class="layui-icon"></i></span> -->
      <a href="../user/add.html" class="layui-btn">发表任务</a>
    </div> 
    <div class="layui-hide-sm layui-show-xs-block" style="margin-top: -10px; padding-bottom: 10px; text-align: center;"> 
      <a href="../user/add.html" class="layui-btn">发表任务</a>
    </div> 
  </div>
</div>


<div class="layui-container">
  <div class="layui-row layui-col-space15">
    <div class="layui-col-md8 content detail">
      <div class="fly-panel detail-box">
        <span style="font-size: 30px;" id="title">PSM同校任务共享互助平台</span>

        <button id="collectBtn" style="
        float: right;
        height: 40px;
        width: 100px;
        margin: 0 5px;
        background: #5de24c;
        font-size: 16px;
        font-weight: normal;
        color: rgb(71, 69, 233);">关注任务</button>
        <button id="receiveBtn" style="
        float: right;
        height: 40px;
        width: 100px;
        margin: 0 5px;
        background: #5de24c;
        font-size: 16px;
        font-weight: normal;
        color: rgb(71, 69, 233);">接受任务</button>
        <div class="fly-detail-info">
          <span id="label1" class="layui-badge" style="background-color: #5FB878;">待定</span>

          <span id="label2" class="layui-badge" style="background-color: #5FB878;">待定</span>
          <span id="label3" class="layui-badge" style="background-color: #5FB878;">待定</span>
          <span class="fly-list-nums">
            <a href="#comment"><i class="iconfont" title="回答">&#xe60c;</i> <span id="commentNum"></span></a>
<!--            <i class="iconfont" title="人气">&#xe60b;</i> 99999-->
          </span>
        </div>
        <div class="detail-about">
          <a class="fly-avatar" href="../user/home.html">
            <img src="https://tva1.sinaimg.cn/crop.0.0.118.118.180/5db11ff4gw1e77d3nqrv8j203b03cweg.jpg" alt="贤心">
          </a>
          <div class="fly-detail-user">
            <a id="goHome" class="fly-link">
              <cite id="poster">贤心</cite>
<!--              <i class="iconfont icon-renzheng" title="认证信息：{{ rows.user.approve }}"></i>-->
<!--              <i class="layui-badge fly-badge-vip">VIP3</i>-->
            </a>
            <span id="post_time">2017-11-30</span>
          </div>
          <div class="detail-hits" id="LAY_jieAdmin" data-id="123">
            <span style="padding-right: 10px; color: #FF7200" id="money"></span>  
<!--            <span class="layui-btn layui-btn-xs jie-admin" type="edit"><a href="../user/add.html">编辑此贴</a></span>-->
          </div>
        </div>
        <div class="detail-body photos">
          <p id="description">
            求开发一个学生管理系统，有意者私聊
          </p>
          
        </div>
      </div>

      <div class="fly-panel detail-box" id="flyReply">
        <fieldset class="layui-elem-field layui-field-title" style="text-align: center;">
          <legend>回帖</legend>
        </fieldset>

        <ul class="jieda" >
          <li data-id="111" class="jieda-daan" v-for="comment in comments">
            <a name="item-1111111111"></a>
            <div class="detail-about detail-about-reply">
              <a class="fly-avatar" href="">
                <img src="https://tva1.sinaimg.cn/crop.0.0.118.118.180/5db11ff4gw1e77d3nqrv8j203b03cweg.jpg" alt=" ">
              </a>
              <div class="fly-detail-user">
                <a href="" class="fly-link">
                  <cite>{{comment.from_user}}</cite>
<!--                  <i class="iconfont icon-renzheng" title="认证信息：XXX"></i>-->
<!--                  <i class="layui-badge fly-badge-vip">VIP3</i>              -->
                </a>
                
<!--                <span>(楼主)</span>-->
                <!--
                <span style="color:#5FB878">(管理员)</span>
                <span style="color:#FF9E3F">（社区之光）</span>
                <span style="color:#999">（该号已被封）</span>
                -->
              </div>

              <div class="detail-hits">
                <span>{{comment.comment_time}}</span>
              </div>

    
            </div>
            <div class="detail-body jieda-body photos">
              <a href="" class="fly-link"><cite>@{{comment.to_user}}</cite></a>
              <p>{{comment.content}}</p>
            </div>
            <div class="jieda-reply">
              <span class="jieda-zan zanok" >
                <i class="iconfont icon-zan" v-on:click="addThumb(comment)"></i>
                <em>{{comment.thumbs}}</em>
              </span>
<!--              <span type="reply">-->
<!--                <i class="iconfont icon-svgmoban53"></i>-->
<!--                回复-->
<!--              </span>-->
              <div class="jieda-admin">
                <span @click="reply(comment)">回复</span>
<!--                <span type="del">删除</span>-->
                <!-- <span class="jieda-accept" type="accept">采纳</span> -->
              </div>
            </div>
          </li>

          <!-- 无数据时 -->
          <!-- <li class="fly-none">消灭零回复</li> -->
        </ul>
        
        <div class="layui-form layui-form-pane">
          <form>
            <div class="layui-form-item layui-form-text">
              <a name="comment"></a>
              <div class="layui-input-block">
                <textarea id="L_content" name="content" required lay-verify="required" placeholder="请输入内容"  class="layui-textarea fly-editor" style="height: 150px;" v-model="content"></textarea>
              </div>
            </div>
            <div class="layui-form-item">
              <input type="hidden" name="jid" value="123">
            </div>
          </form>
          <button class="layui-btn" v-on:click="subReply">提交回复</button>
        </div>
      </div>
    </div>
    <div class="layui-col-md4">
      <dl class="fly-panel fly-list-one">
        <dt class="fly-panel-title">本周热议</dt>
<!--        <dd>-->
<!--          <a href="">PSM同校任务共享互助平台</a>-->
<!--          <span><i class="iconfont icon-pinglun1"></i> 16</span>-->
<!--        </dd>-->
<!--        <dd>-->
<!--          <a href="">PSM同校任务共享互助平台</a>-->
<!--          <span><i class="iconfont icon-pinglun1"></i> 16</span>-->
<!--        </dd>-->
<!--        <dd>-->
<!--          <a href="">PSM同校任务共享互助平台</a>-->
<!--          <span><i class="iconfont icon-pinglun1"></i> 16</span>-->
<!--        </dd>-->
<!--        <dd>-->
<!--          <a href="">PSM同校任务共享互助平台</a>-->
<!--          <span><i class="iconfont icon-pinglun1"></i> 16</span>-->
<!--        </dd>-->
<!--        <dd>-->
<!--          <a href="">PSM同校任务共享互助平台</a>-->
<!--          <span><i class="iconfont icon-pinglun1"></i> 16</span>-->
<!--        </dd>-->
<!--        <dd>-->
<!--          <a href="">PSM同校任务共享互助平台</a>-->
<!--          <span><i class="iconfont icon-pinglun1"></i> 16</span>-->
<!--        </dd>-->
<!--        <dd>-->
<!--          <a href="">PSM同校任务共享互助平台</a>-->
<!--          <span><i class="iconfont icon-pinglun1"></i> 16</span>-->
<!--        </dd>-->
<!--        <dd>-->
<!--          <a href="">PSM同校任务共享互助平台</a>-->
<!--          <span><i class="iconfont icon-pinglun1"></i> 16</span>-->
<!--        </dd>-->
<!--        <dd>-->
<!--          <a href="">PSM同校任务共享互助平台</a>-->
<!--          <span><i class="iconfont icon-pinglun1"></i> 16</span>-->
<!--        </dd>-->
<!--        <dd>-->
<!--          <a href="">PSM同校任务共享互助平台</a>-->
<!--          <span><i class="iconfont icon-pinglun1"></i> 16</span>-->
<!--        </dd>-->

        <!-- 无数据时 -->
        <div class="fly-none">没有相关数据</div>
      </dl>

      <div class="fly-panel">
        <div class="fly-panel-title">
          这里可作为广告区域
        </div>
      </div>

      <div class="fly-panel" style="padding: 20px 0; text-align: center;">
        <img src="../../res/images/weixin.jpg" style="max-width: 100%;" alt="layui">
        <p style="position: relative; color: #666;">微信扫码关注 PSY 公众号</p>
      </div>

    </div>
  </div>
</div>

<div class="fly-footer">
  <p>这里是PSM社区</p>
  <p>
    欢迎您的加入
  </p>
</div>


<script src="../../json/jquery.min.js"></script>

<script>

</script>
<script src="../../json/index/detail.js"></script>
<script src="../../res/layui/layui.js"></script>
<script src="../../json/index/detail_vue.js"></script>

<script>
layui.cache.page = 'jie';
layui.cache.user = {
  username: '游客'
  ,uid: -1
  ,avatar: '../../res/images/avatar/00.jpg'
  ,experience: 83
  ,sex: '男'
};
layui.config({
  version: "3.0.0"
  ,base: '../../res/mods/'
}).extend({
  fly: 'index'
}).use(['fly', 'face'], function(){
  var $ = layui.$
  ,fly = layui.fly;
  //如果你是采用模版自带的编辑器，你需要开启以下语句来解析。
  /*
  $('.detail-body').each(function(){
    var othis = $(this), html = othis.html();
    othis.html(fly.content(html));
  });
  */
});
</script>

</body>
</html>